﻿<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title>About</title>
        <meta name="description" content="">
        <meta http-equiv='X-UA-Compatible' content='IE=edge'>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/png" href="favicon.png">


        <!-- Google fonts links-->
        <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Heebo:100,300,400,500,700,800,900|Nunito" rel="stylesheet">


        <!--For Plugins external css-->

        <link rel="stylesheet" href="assets/css/plugins.css">

        <link rel="stylesheet" href="assets/css/bootstrap-touch-slider.css">

        <!--Theme custom css -->
        <link rel="stylesheet" href="assets/css/style.css">
        <!--<link rel="stylesheet" href="assets/css/colors/blue.css">-->

        <!--Theme Responsive css-->
        <link rel="stylesheet" href="assets/css/responsive.css" />

        <script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>


    </head>
    <body data-spy="scroll" data-target=".navbar-collapse">

        <!-- Preloader -->
        <div class="preloader loaderbox">
            <div id="cupcake" class="loaderbox">
                <span class="letter">L</span>
                <div class="cupcakeCircle loaderbox"><div class="cupcakeInner loaderbox"><div class="cupcakeCore loaderbox"></div></div></div>
                <span class="letter loaderbox">A</span><span class="letter loaderbox">D</span><span class="letter loaderbox">I</span><span class="letter loaderbox">N</span><span class="letter loaderbox">G</span>
            </div>
        </div>
        <!--End off Preloader -->

        <!--Home page style-->
        <nav class="navbar home1_menu navbar-fixed navbar-default navbar-mobile bootsnav is-visible xsaa" data-nav-status="toggle">
            <div class="container-fluid"> 
                <div class="row"> 
                    <!-- Start Top Search -->
                    <div class="top-search">
                        <div class="container">
                            <div class="input-group">
                                <span class="input-group-addon"><i class="fa fa-search"></i></span>
                                <input type="text" class="form-control" placeholder="Search">
                                <span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
                            </div>
                        </div>
                    </div>
                    <!-- End Top Search -->
                    <div class="container">
                        <div class="row">
                            <div class="attr-nav">
                                <ul>
                                    <li class="search"><a href="#" class="hv1"><i class="fa fa-search"></i></a></li>
                                    <li class="dropdown cart-menu">
                                        <a href="#" class="dropdown-toggle hv1" data-toggle="dropdown" >
                                            <i class="fa fa-shopping-cart"></i>
                                            <span class="badge">0</span>
                                        </a>
                                        <ul class="dropdown-menu cart-list">
                                            <li>
                                                <a href="#" class="photo"><img src="assets/images/logov1.png" class="cart-thumb" alt="" /></a>
                                                <h6><a href="#">Delica omtantur </a></h6>
                                                <p>2x - <span class="price">$99.99</span></p>
                                            </li>
                                            <li>
                                                <a href="#" class="photo"><img src="assets/images/logov1.png" class="cart-thumb" alt="" /></a>
                                                <h6><a href="#">Delica omtantur </a></h6>
                                                <p>2x - <span class="price">$99.99</span></p>
                                            </li>
                                            <li class="total">
                                                <span class="pull-right"><strong>Total</strong>: $0.00</span>
                                                <a href="#" class="btn btn-default btn-cart">Cart</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li id="open-button" class="side-menu">
                                        <a href="#">
                                            <span class="icon-01"></span>
                                            <span class="icon-02"></span>
                                            <span class="icon-03"></span>
                                        </a>
                                    </li>
                                </ul>
                            </div>


                            <!-- Start Header Navigation -->
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                                    <i class="fa fa-bars"></i>
                                </button>
                                <a class="navbar-brand" href="#brand"><img src="assets/images/logov1.png" class="logo" alt=""></a>
                            </div>
                            <!-- End Header Navigation -->

                            <!-- Collect the nav links, forms, and other content for toggling -->
                            <div class="collapse navbar-collapse" id="navbar-menu">

                                <ul class="nav navbar-nav navbar-center" data-in="fadeIn" data-out="fadeOut">
									<li><a href="index.html">Home</a></li>
									<li><a href="service.html">Service</a></li>
									<li><a href="about.html">About Us</a></li>
									<li><a href="blog.html">Blog</a></li>
                                    <li><a href="contactus.html">Contact Us</a></li>
                                </ul>

                            </div><!-- /.navbar-collapse -->
                        </div>

                    </div>
                </div>   
            </div>   

            <!-- Start Side Menu -->
            <div class="side">
                <a href="#" id="close-button" class="close-side text-center">
                    <span class="icon-01"></span>
                    <span class="icon-02"></span>
                    <span class="icon-03"></span>
                </a>
                <div class="side-menu-area fix">
                    <div class="text-center">
                        <a href="" class="side-brand"><img src="assets/images/logov2.png" alt="" /></a>
                    </div>
                    <p class="m-top-40 text-black">We’re a leading Internet Digital Marketing Company who offers SEO, 
                        Paid Search, Social Media, ConsultingLead Generation, Brand Reputation 
                        Management, and Web Design Services.</p>

                    <div class="title m-top-70">
                        <h2 class="text-black">Sign in to your account</h2>
                        <div class="separator"><span></span><span></span><span></span></div>
                    </div>
                    <form class="m-top-40">
                        <div class="form-group">
                            <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Username or Email">
                        </div>
                        <div class="form-group">
                            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary btn-round">Login</button>
                            <div class="checkbox pull-right m-top-20">
                                <label>
                                    <input type="checkbox"> Check me out
                                </label>
                            </div>
                            <div class="checkbox p-top-40">
                                <label>
                                    <input type="checkbox"> Forgot my Password?
                                </label>
                            </div>
                        </div>
                        <div class="divider"></div>
                        <p class='text-center'>Don't have an account yet? <a href="">Register an account</a></p>
                    </form>
                    <div class="socail-bookmark">
                        <div class="col-md-12 m-top-80">
                            <div class="title">
                                <h4 class="text-black">Socails</h4>
                                <div class="separator"><span></span><span></span><span></span></div>
                            </div>
                            <div class="contact-boxv1-item m-top-30">
                                <ul class="list-inline">
                                    <li><a href=""><i class="icon icon-social-2"></i></a></li>
                                    <li><a href=""><i class="icon icon-social-1"></i></a></li>
                                    <li><a href=""><i class="icon icon-social-network"></i></a></li>
                                    <li><a href=""><i class="icon icon-social"></i></a></li>
                                </ul>
                            </div>
                        </div><!-- End off col-md-4 -->
                        <div class="col-md-12 m-top-80">
                            <div class="title">
                                <h4 class="text-black">Address</h4>
                                <div class="separator"><span></span><span></span><span></span></div>
                            </div>
                            <div class="contact-boxv1-item m-top-30">
                                <div class="boxv1-item-img">
                                    <img src="assets/images/location-img.png" alt="" />
                                </div>
                                <div class="boxv1-item-content text-black">
                                    <p class="m-top-10 text-black">1877 Perry Street Swartz Creekson,
                                        MI 48473</p>
                                </div>
                            </div>
                        </div><!-- End off col-md-4 -->
                        <div class="col-md-12 m-top-80">
                            <div class="title">
                                <h4 class="text-black">Our Phone & Fax</h4>
                                <div class="separator"><span></span><span></span><span></span></div>
                            </div>
                            <div class="contact-boxv1-item m-top-30">
                                <div class="boxv1-item-img">
                                    <img src="assets/images/phone-fax-img.png" alt="" />
                                </div>
                                <div class="boxv1-item-content text-black">
                                    <p class="m-top-10">Phone:  (012) 345 - 6789 <br />
                                        Fax:  555 - 675 0037</p>
                                </div>
                            </div>
                        </div><!-- End off col-md-4 -->
                        <div class="col-md-12 m-top-80">
                            <div class="title">
                                <h4 class="text-black">Email</h4>
                                <div class="separator"><span></span><span></span><span></span></div>
                            </div>
                            <div class="contact-boxv1-item m-top-30">
                                <div class="boxv1-item-img">
                                    <img src="assets/images/envelop-img-02.png" alt="" />
                                </div>
                                <div class="boxv1-item-content text-black">
                                    <p class="m-top-10">Info:  seo@info.com <br />
                                        Salse:  seo@salse.com</p>
                                </div>
                            </div>
                        </div><!-- End off col-md-4 -->
                        <div class="col-md-12 m-top-80">
                            <div class="title">
                                <h4 class="text-black">Working Hours</h4>
                                <div class="separator"><span></span><span></span><span></span></div>
                            </div>
                            <div class="contact-boxv1-item m-top-30">
                                <div class="boxv1-item-img">
                                    <img src="assets/images/clock-img.png" alt="" />
                                </div>
                                <div class="boxv1-item-content text-black">
                                    <p class="">Monday to Saturday: 8:00am - 9:00pm
                                        Sunday: Closed</p>
                                </div>
                            </div>
                        </div><!-- End off col-md-4 -->
                    </div>
                </div>

            </div>
            <!-- End Side Menu -->

        </nav> <!-- End off Nav -->



        <div class="culmn">
            <!--About Banner section-->
            <div class="banner-area">
                <div class="container">
                    <div class="row">
                        <div class="main-banner text-center">
                            <h2 class="text-white">Our Company</h2>
                            <ol class="breadcrumb">
                                <li><a href="index1.html">Home</a></li>
                                <li class="active"><a href="aboutus.html">About</a></li>
                            </ol>
                        </div>
                    </div><!-- End off row -->
                </div><!-- End off container -->
            </div><!-- End off banner section -->


            <!--The leading Section-->

            <section id="leading" class="leading sections2">
                <div class="container">
                    <div class="row">
                        <div class="main-leading">
                            <div class="col-md-6">
                                <div class="leading-content">
                                    <div class="head-title">
                                        <h2 class="text-black">Sit back, relax and learn from 
                                            the experts.</h2>
                                        <p class="m-top-30 text-black">According to TopTenReviews in 2017, as well as many other 3rd party review 
                                            sites and publications we always comes out on top.</p>

                                        <div class="separator-left"></div>
                                    </div>

                                    <p class="m-top-40 text-black">We’re a leading Internet Digital Marketing Company who offers SEO, 
                                        Paid Search, Social Media, ConsultingLead Generation, Brand Reputation 
                                        Management, and Web Design Services.</p>
                                    <a href="" class="btn btn-primary btn-round m-top-20">Our Team</a>

                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="leading-img sm-m-top-50">
                                    <img src="assets/images/leading-img.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </div><!-- End off row-->
                </div><!-- End off container -->
            </section><!-- End off leading section-->

            <!--User Expreance section-->
            <div class="experience-area sections4">
                <div class="container">
                    <div class="row">
                        <div class="main-experience text-center">
                            <h3 class="text-white">What Can We Do For You?</h3>
                            <h2 class="text-white m-top-20">Compelling User Experience</h2> 
                            <div class="underline"></div>
                        </div>
                    </div> <!-- End off row -->
                </div> <!-- End off container -->
            </div> <!-- End off User Expreance section-->


            <!--History section-->
            <div class="history sections">
                <div class="container">
                    <div class="row">
                        <div class="main-history">
                            <div class="head-title text-center">
                                <h2 class="text-black">Our History</h2>
                                <p class="text-black m-top-10">Check out timeline to see our history and how we got to be who we are today.</p>
                            </div>


                            <div id="history-slid" class="carousel slide carousel-fade m-top-50" data-ride="carousel">
                                <!-- Indicators -->
                                <ol class="carousel-indicators text-center">
                                    <li data-target="#history-slid" data-slide-to="0">2017</li>
                                    <li data-target="#history-slid" data-slide-to="1" class="active">2015</li>
                                    <li data-target="#history-slid" data-slide-to="2">2014</li>
                                    <li data-target="#history-slid" data-slide-to="3">2013</li>
                                    <li data-target="#history-slid" data-slide-to="4">2012</li>
                                    <li data-target="#history-slid" data-slide-to="5">2011</li>
                                    <li data-target="#history-slid" data-slide-to="6">2010</li>
                                    <li data-target="#history-slid" data-slide-to="7">2009</li>
                                </ol>

                                <!-- Wrapper for slides -->
                                <div class="carousel-inner" role="listbox">
                                    <div class="item p-top-100">
                                        <div class="col-md-4">
                                            <div class="history-img">
                                                <img src="assets/images/history-img-01.png" alt="" />
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="history-content sm-m-top-50">
                                                <a href="">March, 2015</a>
                                                <h3>The moment when we changes our lives</h3>
                                                <p>We offer a wide range of design and development services that are all delivered using latest greatest technologies with a personal experience. Our goal is to provide our customers the means to effectively present and market 
                                                    themselves online successfully. </p>
                                                <p>We strategically help build your brand, improve your global web presence, and develop meaningful relationships with your customers. We also use our local marketing skills to help hundreds of smaller businesses in a variety of industries. Dentists, plumbers, veterinarians, dermatologists, and other specialized industries benefit from our 
                                                    dedicated, professional digital marketing campaigns</p>
                                            </div>
                                        </div>
                                    </div><!-- End off item-->

                                    <div class="item active p-top-100">
                                        <div class="col-md-4">
                                            <div class="history-img">
                                                <img src="assets/images/history-img-01.png" alt="" />
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="history-content sm-m-top-50">
                                                <a href="">March, 2015</a>
                                                <h3 class="m-top-10">The moment when we changes our lives</h3>
                                                <p class="m-top-30">We offer a wide range of design and development services that are all delivered using latest greatest technologies with a personal experience. Our goal is to provide our customers the means to effectively present and market 
                                                    themselves online successfully. </p>
                                                <p class="m-top-20">We strategically help build your brand, improve your global web presence, and develop meaningful relationships with your customers. We also use our local marketing skills to help hundreds of smaller businesses in a variety of industries. Dentists, plumbers, veterinarians, dermatologists, and other specialized industries benefit from our 
                                                    dedicated, professional digital marketing campaigns</p>
                                            </div>
                                        </div>
                                    </div><!-- End off item-->

                                    <div class="item p-top-100">
                                        <div class="col-md-4">
                                            <div class="history-img">
                                                <img src="assets/images/history-img-01.png" alt="" />
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="history-content sm-m-top-50">
                                                <a href="">March, 2015</a>
                                                <h3 class="m-top-10">The moment when we changes our lives</h3>
                                                <p class="m-top-30">We offer a wide range of design and development services that are all delivered using latest greatest technologies with a personal experience. Our goal is to provide our customers the means to effectively present and market 
                                                    themselves online successfully. </p>
                                                <p class="m-top-20">We strategically help build your brand, improve your global web presence, and develop meaningful relationships with your customers. We also use our local marketing skills to help hundreds of smaller businesses in a variety of industries. Dentists, plumbers, veterinarians, dermatologists, and other specialized industries benefit from our 
                                                    dedicated, professional digital marketing campaigns</p>
                                            </div>
                                        </div>
                                    </div><!-- End off item-->

                                    <div class="item p-top-100">
                                        <div class="col-md-4">
                                            <div class="history-img">
                                                <img src="assets/images/history-img-01.png" alt="" />
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="history-content sm-m-top-50">
                                                <a href="">March, 2015</a>
                                                <h3 class="m-top-10">The moment when we changes our lives</h3>
                                                <p class="m-top-30">We offer a wide range of design and development services that are all delivered using latest greatest technologies with a personal experience. Our goal is to provide our customers the means to effectively present and market 
                                                    themselves online successfully. </p>
                                                <p class="m-top-20">We strategically help build your brand, improve your global web presence, and develop meaningful relationships with your customers. We also use our local marketing skills to help hundreds of smaller businesses in a variety of industries. Dentists, plumbers, veterinarians, dermatologists, and other specialized industries benefit from our 
                                                    dedicated, professional digital marketing campaigns</p>
                                            </div>
                                        </div>
                                    </div><!-- End off item-->

                                    <div class="item p-top-100">
                                        <div class="col-md-4">
                                            <div class="history-img">
                                                <img src="assets/images/history-img-01.png" alt="" />
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="history-content sm-m-top-50">
                                                <a href="">March, 2015</a>
                                                <h3 class="m-top-10">The moment when we changes our lives</h3>
                                                <p class="m-top-30">We offer a wide range of design and development services that are all delivered using latest greatest technologies with a personal experience. Our goal is to provide our customers the means to effectively present and market 
                                                    themselves online successfully. </p>
                                                <p class="m-top-20">We strategically help build your brand, improve your global web presence, and develop meaningful relationships with your customers. We also use our local marketing skills to help hundreds of smaller businesses in a variety of industries. Dentists, plumbers, veterinarians, dermatologists, and other specialized industries benefit from our 
                                                    dedicated, professional digital marketing campaigns</p>
                                            </div>
                                        </div>
                                    </div><!-- End off item-->

                                    <div class="item p-top-100">
                                        <div class="col-md-4">
                                            <div class="history-img">
                                                <img src="assets/images/history-img-01.png" alt="" />
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="history-content sm-m-top-50">
                                                <a href="">March, 2015</a>
                                                <h3 class="m-top-10">The moment when we changes our lives</h3>
                                                <p class="m-top-30">We offer a wide range of design and development services that are all delivered using latest greatest technologies with a personal experience. Our goal is to provide our customers the means to effectively present and market 
                                                    themselves online successfully. </p>
                                                <p class="m-top-20">We strategically help build your brand, improve your global web presence, and develop meaningful relationships with your customers. We also use our local marketing skills to help hundreds of smaller businesses in a variety of industries. Dentists, plumbers, veterinarians, dermatologists, and other specialized industries benefit from our 
                                                    dedicated, professional digital marketing campaigns</p>
                                            </div>
                                        </div>
                                    </div><!-- End off item-->

                                    <div class="item p-top-100">
                                        <div class="col-md-4">
                                            <div class="history-img">
                                                <img src="assets/images/history-img-01.png" alt="" />
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="history-content sm-m-top-50">
                                                <a href="">March, 2015</a>
                                                <h3 class="m-top-10">The moment when we changes our lives</h3>
                                                <p class="m-top-30">We offer a wide range of design and development services that are all delivered using latest greatest technologies with a personal experience. Our goal is to provide our customers the means to effectively present and market 
                                                    themselves online successfully. </p>
                                                <p class="m-top-20">We strategically help build your brand, improve your global web presence, and develop meaningful relationships with your customers. We also use our local marketing skills to help hundreds of smaller businesses in a variety of industries. Dentists, plumbers, veterinarians, dermatologists, and other specialized industries benefit from our 
                                                    dedicated, professional digital marketing campaigns</p>
                                            </div>
                                        </div>
                                    </div><!-- End off item-->

                                    <div class="item p-top-100">
                                        <div class="col-md-4">
                                            <div class="history-img">
                                                <img src="assets/images/history-img-01.png" alt="" />
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="history-content sm-m-top-50">
                                                <a href="">March, 2015</a>
                                                <h3 class="m-top-10">The moment when we changes our lives</h3>
                                                <p class="m-top-30">We offer a wide range of design and development services that are all delivered using latest greatest technologies with a personal experience. Our goal is to provide our customers the means to effectively present and market 
                                                    themselves online successfully. </p>
                                                <p class="m-top-20">We strategically help build your brand, improve your global web presence, and develop meaningful relationships with your customers. We also use our local marketing skills to help hundreds of smaller businesses in a variety of industries. Dentists, plumbers, veterinarians, dermatologists, and other specialized industries benefit from our 
                                                    dedicated, professional digital marketing campaigns</p>
                                            </div>
                                        </div>
                                    </div><!-- End off item-->

                                </div>

                                <!-- Controls -->
                                <a class="left carousel-control hidden-sm hidden-xs" href="#history-slid" role="button" data-slide="prev">
                                    <span class="icon icon-arrows-3" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="right carousel-control hidden-sm hidden-xs" href="#history-slid" role="button" data-slide="next">
                                    <span class="icon icon-arrows-2" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div><!-- End off carusel inner -->
                        </div>
                    </div> <!--End off row-->
                </div> <!--End off container-->
            </div> <!-- End off history section-->




            <!--Business section-->
            <section id="business" class="business bg-black p-top-100 p-bottom-100">
                <div class="container">
                    <div class="row">
                        <div class="main-business">
                            <div class="col-md-6">
                                <div class="business-content m-top-40">
                                    <h2 class="text-white">Whatever your goals look 
                                        like, we’ll put our experience 
                                        to work to reach</h2>
                                    <p class="m-top-30 text-primary">Searching tirelessly for an agency capable of attracting qualified leads and 
                                        nurturing those leads into paying customers of your business? </p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="business-video sm-m-top-50">
                                    <img src="assets/images/business-video-img.png" alt="" />
                                    <div class="business-video-icon">
                                        <a href="" class="video-link"><span class="icon icon-interface"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- End off row -->
                </div><!-- End off container -->
            </section><!-- End off business section-->

            <!--Team section-->
            <div class="team-area bg-white sections">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="head-title text-center">
                                <h2 class="text-black">Meet The Team</h2>
                                <p class="text-black m-top-10">Professional, quality results by our experienced SEO consultants.</p>
                            </div>
                        </div>
                        <div class="main-team text-center p-top-50">
                            <div class="col-md-3 col-sm-6">
                                <div class="single-team">
                                    <div class="team-img">
                                        <img src="assets/images/team-img-01.jpg" alt="" class="img-circle" />
                                    </div>
                                    <div class="team-description m-top-20">
                                        <h4 class="text-black">John C. Barrett</h4>
                                        <p class="m-top-10 text-black">Director Search & Social</p>
                                    </div>
                                    <div class="team-socail m-top-20">
                                        <ul class="list-inline">
                                            <li><a href=""><span class="icon icon-social-2"></span></a></li>
                                            <li><a href=""><span class="icon icon-social-1"></span></a></li>
                                            <li><a href=""><span class="fa fa-youtube"></span></a></li>
                                            <li><a href=""><span class="icon icon-social"></span></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!-- End off col-md-3 -->
                            <div class="col-md-3 col-sm-6">
                                <div class="single-team xs-m-top-40">
                                    <div class="team-img">
                                        <img src="assets/images/team-img-02.jpg" alt="" class="img-circle" />
                                    </div>
                                    <div class="team-description m-top-20">
                                        <h4 class="text-black">John C. Barrett</h4>
                                        <p class="m-top-10 text-black">Director Search & Social</p>
                                    </div>
                                    <div class="team-socail m-top-20">
                                        <ul class="list-inline">
                                            <li><a href=""><span class="icon icon-social-2"></span></a></li>
                                            <li><a href=""><span class="icon icon-social-1"></span></a></li>
                                            <li><a href=""><span class="fa fa-youtube"></span></a></li>
                                            <li><a href=""><span class="icon icon-social"></span></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!-- End off col-md-3 -->
                            <div class="col-md-3 col-sm-6">
                                <div class="single-team  sm-m-top-40">
                                    <div class="team-img">
                                        <img src="assets/images/team-img-03.jpg" alt="" class="img-circle" />
                                    </div>
                                    <div class="team-description m-top-20">
                                        <h4 class="text-black">John C. Barrett</h4>
                                        <p class="m-top-10 text-black">Director Search & Social</p>
                                    </div>
                                    <div class="team-socail m-top-20">
                                        <ul class="list-inline">
                                            <li><a href=""><span class="icon icon-social-2"></span></a></li>
                                            <li><a href=""><span class="icon icon-social-1"></span></a></li>
                                            <li><a href=""><span class="fa fa-youtube"></span></a></li>
                                            <li><a href=""><span class="icon icon-social"></span></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!-- End off col-md-3 -->
                            <div class="col-md-3 col-sm-6">
                                <div class="single-team sm-m-top-40">
                                    <div class="team-img">
                                        <img src="assets/images/team-img-04.jpg" alt="" class="img-circle" />
                                    </div>
                                    <div class="team-description m-top-20">
                                        <h4 class="text-black">John C. Barrett</h4>
                                        <p class="m-top-10 text-black">Director Search & Social</p>
                                    </div>
                                    <div class="team-socail m-top-20">
                                        <ul class="list-inline">
                                            <li><a href=""><span class="icon icon-social-2"></span></a></li>
                                            <li><a href=""><span class="icon icon-social-1"></span></a></li>
                                            <li><a href=""><span class="fa fa-youtube"></span></a></li>
                                            <li><a href=""><span class="icon icon-social"></span></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!-- End off col-md-3 -->

                        </div>
                    </div><!-- End off row -->
                </div><!-- End off container -->
            </div><!-- End off Team section -->


            <!--About service section-->
            <div class="about-service sections4 bg-grey">
                <div class="container">
                    <div class="row">
                        <div class="main-ab-service">
                            <div class="col-md-4">
                                <div class="ab-service-item">
                                    <div class="ab-s-item-img">
                                        <img src="assets/images/ab-service-img-01.png" alt="" />
                                    </div>
                                    <div class="ab-s-item-cotent m-top-20">
                                        <h4 class="text-black">First Page on Google</h4>
                                        <p class="m-top-10 text-black">Most Internet marketing companies will insist on lengthy 
                                            contracts before even showing any results.</p>
                                    </div>
                                </div>
                            </div><!-- End off col-md-4 -->
                            <div class="col-md-4">
                                <div class="ab-service-item">
                                    <div class="ab-s-item-img">
                                        <img src="assets/images/ab-service-img-02.png" alt="" />
                                    </div>
                                    <div class="ab-s-item-cotent m-top-20">
                                        <h4 class="text-black">First Page on Google</h4>
                                        <p class="m-top-10 text-black">Most Internet marketing companies will insist on lengthy 
                                            contracts before even showing any results.</p>
                                    </div>
                                </div>
                            </div><!-- End off col-md-4 -->
                            <div class="col-md-4">
                                <div class="ab-service-item">
                                    <div class="ab-s-item-img">
                                        <img src="assets/images/ab-service-img-03.png" alt="" />
                                    </div>
                                    <div class="ab-s-item-cotent m-top-20">
                                        <h4 class="text-black">First Page on Google</h4>
                                        <p class="m-top-10 text-black">Most Internet marketing companies will insist on lengthy 
                                            contracts before even showing any results.</p>
                                    </div>
                                </div>
                            </div><!-- End off col-md-4 -->
                        </div>
                    </div><!-- End off row -->
                </div><!-- End off container -->
            </div><!-- End off about service section -->


            <!--News Letter section--> 
            <section id="newsletterv1" class="newsletterv1 bg-primary sections4">
                <div class="container">
                    <div class="row">

                        <div class="main-newsletterv1">
                            <div class="col-md-6">
                                <div class="newsletterv1-content">
                                    <h2 class="text-white">Our Newsletter</h2>
                                    <p class="m-top-30">Subscribe to our newsletter and be the first who receives our latest news:</p>

                                    <form class="form-inline" id="newsletter-form" action="">
                                        <div class="form-group">
                                            <input type="email" class="form-control" placeholder="Your Email Address">
                                        </div>
                                        <button type="submit">Send invitation</button>
                                    </form>

                                </div>
                            </div><!-- End off col-md-6-->
                            <div class="col-md-5 col-md-offset-1 sm-m-top-50">
                                <div class="newsletterv1-feature">
                                    <img src="assets/images/newsletterv1-img.png" alt="" />
                                </div>
                            </div><!-- End off col-md-6-->
                        </div>

                    </div><!-- End off row -->
                </div><!-- End off container -->
            </section><!-- End off newsletter v1 section -->




            <!-- Footer Widget section -->
            <section id="contact" class="contact clear">
                <div class="container">
                    <div class="row">
                        <div class="main-contact-boxv1">
                            <div class="col-md-4">
                                <div class="contact-boxv1-item">
                                    <div class="boxv1-item-img">
                                        <img src="assets/images/location-img.png" alt="" />
                                    </div>
                                    <div class="boxv1-item-content text-black">
                                        <h4>Our Location</h4>
                                        <p class="m-top-10">1877 Perry Street Swartz Creekson,
                                            MI 48473</p>
                                    </div>
                                </div>
                            </div><!-- End off col-md-4 -->
                            <div class="col-md-4">
                                <div class="contact-boxv1-item sm-m-top-30">
                                    <div class="boxv1-item-img">
                                        <img src="assets/images/phone-fax-img.png" alt="" />
                                    </div>
                                    <div class="boxv1-item-content text-black">
                                        <h4>Our Phone & Fax</h4>
                                        <p class="m-top-10">Phone:  (012) 345 - 6789 <br />
                                            Fax:  555 - 675 0037</p>
                                    </div>
                                </div>
                            </div><!-- End off col-md-4 -->
                            <div class="col-md-4">
                                <div class="contact-boxv1-item sm-m-top-30">
                                    <div class="boxv1-item-img">
                                        <img src="assets/images/clock-img.png" alt="" />
                                    </div>
                                    <div class="boxv1-item-content text-black">
                                        <h4>Our Working Hours</h4>
                                        <p class="">Monday to Saturday: 8:00am - 9:00pm
                                            Sunday: Closed</p>
                                    </div>
                                </div>
                            </div><!-- End off col-md-4 -->
                        </div>
                        <div class="divider"></div>
                    </div>
                </div><!-- End off container -->

                <div class="container">
                    <div class="row">
                        <div class="main-weidgetv1 sections4">
                            <div class="col-md-4">
                                <div class="weidgetv1-item">
                                    <div class="weidget-item-logo">
                                        <img src="assets/images/logov1.png" alt="" />
                                    </div>
                                    <p class="m-top-40"><strong>SeoPress</strong> is a battle-hardened team of search engine experts in 
                                        San Francisco. Partner with us today to see how search <strong>experience
                                            optimization</strong> can revolutionize the way your website is found online.</p>
                                    <div class="widgetv1-socail m-top-30">
                                        <a href=""><span class="icon icon-social-2"></span></a>
                                        <a href=""><span class="icon icon-social-1"></span></a>
                                        <a href=""><span class="fa fa-youtube"></span></a>
                                        <a href=""><span class="icon icon-social"></span></a>
                                    </div>
                                </div>
                            </div><!-- End off col-sm-3 -->

                            <div class="col-md-3 sm-m-top-50">
                                <div class="weidgetv1-item"> 
                                    <h4 class="text-black">Our Services</h4>
                                    <ul class="service m-top-50">
                                        <li><a href=""><span class="icon icon-arrows-2"></span> Search Engine Optimization</a></li>
                                        <li><a href=""><span class="icon icon-arrows-2"></span> Social Media Management</a></li>
                                        <li><a href=""><span class="icon icon-arrows-2"></span> Email Marketing</a></li>
                                        <li><a href=""><span class="icon icon-arrows-2"></span> Brand Reputation Management</a></li>
                                        <li><a href=""><span class="icon icon-arrows-2"></span> Web Design & Development</a></li>
                                    </ul>
                                </div>
                            </div><!-- End off col-sm-3 -->

                            <div class="col-md-5 sm-m-top-50">
                                <div class="weidgetv1-item">
                                    <h4 class="text-black">Our Latest Blog News</h4>
                                    <div class="widgetv1-blog m-top-50">
                                        <div class="row">
                                            <div class="col-xs-2 no-padding">
                                                <div class="widgetv1-blog-img">
                                                    <img class="img-circle" src="assets/images/w-b-post-img01.jpg" alt="">
                                                    <div class="widgetv1-blog-overlay"></div>
                                                </div>
                                            </div>
                                            <div class="col-xs-10">
                                                <div class="widgev1-blog-content">
                                                    <p>5 Lead Generation Ideas to Help You Better </p>
                                                    <div class="widgev1-blog-date-time">
                                                        <span><i class="icon icon-interface-1"></i>32</span>
                                                        <span><i class="icon icon-calendar"></i>2-10-2017</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row m-top-20">
                                            <div class="col-xs-2 no-padding">
                                                <div class="widgetv1-blog-img">
                                                    <img class="img-circle" src="assets/images/w-b-post-img02.jpg" alt="">
                                                    <div class="widgetv1-blog-overlay"></div>
                                                </div>
                                            </div>
                                            <div class="col-xs-10">
                                                <div class="widgev1-blog-content">
                                                    <p>Featured Snippets: A Dead-Simple Tactics </p>
                                                    <div class="widgev1-blog-date-time">
                                                        <span><i class="icon icon-interface-1"></i>21</span>
                                                        <span><i class="icon icon-calendar"></i>1-10-2017</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- End off col-md-4 -->
                        </div>
                    </div><!-- End off main widget-->
                </div><!-- End off container -->
            </section><!-- End off footer widget Section -->


            <!--Footer section-->
            <footer class="footerv1 bg-black">
                <div class="scrollup">
                    <a href="#"><img class="hvr-hang" src="assets/images/go-top-img.png" alt="" /></a>
                </div>

                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="main-footer wow fadeInUp">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="copyright-text text-center">
                                            <p class="">Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </footer><!-- End off footer Section--> 


        </div>

        <!-- JS includes -->

        <script src="assets/js/vendor/jquery-1.11.2.min.js"></script>
        <script src="assets/js/vendor/bootstrap.js"></script>

        <script src="assets/js/jquery.magnific-popup.js"></script>
        <script src="assets/js/jquery.easing.1.3.js"></script>
        <script src="assets/js/jquery.touchSwipe.min.js"></script>
        <script src="assets/js/bootsnav.js"></script>
        <script src="assets/js/jquery.formchimp.js"></script>



        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/main.js"></script>

    </body>
</html>

